page,
body {
	background: #F7F7F7
}

text,
view,
scroll-view,
swiper,
icon,
progress,
button,
form,
input,
checkbox,
radio,
picker,
picker-view,
slider,
switch,
label,
navigator,
image,
audio,
camera,
video,
live-player,
live-pusher,
map,
canvas,
web-view {
	box-sizing: border-box
}

.placeholder {
	color: #c0c4cc
}

.fl {
	float: left
}

.fr {
	float: right !important
}

.clearfix:after {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	visibility: hidden
}

.flex {
	display: flex
}

.flex1 {
	flex: 1 !important
}

.flex2 {
	flex: 2
}

.flex3 {
	flex: 3
}

.flex4 {
	flex: 4
}

.flex-align {
	display: flex;
	align-items: center
}

.flex-center {
	display: flex;
	justify-content: center
}

.flex-center-align {
	display: flex;
	align-items: center;
	justify-content: center
}

.flex-between {
	display: flex;
	justify-content: space-between
}

.flex-around {
	display: flex;
	justify-content: space-around
}

.flex-end {
	display: flex;
	justify-content: flex-end
}

.flex-wrap {
	flex-direction: row;
	flex-wrap: wrap
}

.flex-column {
	display: flex;
	flex-direction: column
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.ellipsis1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.ellipsis2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.ellipsis3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.ellipsis4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden
}

.dn {
	display: none !important
}

.db {
	display: block !important
}

.di {
	display: inline
}

.dib {
	display: inline-block
}

.img {
	max-width: 100%
}

.img10 {
	width: 100%
}

.img100 {
	width: 100%;
	height: 100%
}

.iconfont {
	font-size: inherit
}

.dinnex {
	font-family: 'DINNextW1G-Regular'
}

.fz20 {
	font-size: 20rpx !important
}

.fz22 {
	font-size: 22rpx !important
}

.fz24 {
	font-size: 24rpx !important
}

.fz26 {
	font-size: 26rpx !important
}

.fz28 {
	font-size: 28rpx !important
}

.fz30 {
	font-size: 30rpx !important
}

.fz32 {
	font-size: 32rpx !important
}

.fz34 {
	font-size: 34rpx !important
}

.fz36 {
	font-size: 36rpx !important
}

.fz40 {
	font-size: 40rpx !important
}

.fz44 {
	font-size: 44rpx !important
}

.fz56 {
	font-size: 56rpx !important
}

.fz68 {
	font-size: 68rpx !important
}

.tc {
	text-align: center !important
}

.tr {
	text-align: right !important
}

.bold {
	font-weight: bold
}

.rel {
	position: relative
}

.abs {
	position: absolute
}

.fix {
	position: fixed
}

.ovn {
	overflow: hidden
}

.line {
	text-decoration: line-through
}

.c000 {
	color: #000000 !important
}

.cfff {
	color: #ffffff !important
}

.cfef {
	color: #fefefe !important
}

.c333 {
	color: #333333 !important
}

.c444 {
	color: #444444 !important
}

.c666 {
	color: #666666 !important
}

.c999 {
	color: #999999 !important
}

.cccc {
	color: #cccccc !important
}

.fcl {
	color: #FFC8C8 !important;
}

.cff4 {
	color: #FF4949 !important
}

.c1C8 {
	color: #1C87F3 !important
}

.c429 {
	color: #4291FF !important
}

.mt0 {
	margin-top: 0 !important
}

.mt10 {
	margin-top: 10rpx !important
}

.mt15 {
	margin-top: 15rpx !important
}

.mt20 {
	margin-top: 20rpx !important
}

.mt30 {
	margin-top: 30rpx !important
}

.mt60 {
	margin-top: 60rpx !important
}

.ml6 {
	margin-left: 6rpx
}

.ml10 {
	margin-left: 10rpx
}

.ml20 {
	margin-left: 20rpx
}

.mr6 {
	margin-right: 6rpx
}

.mr10 {
	margin-right: 10rpx
}

.mr20 {
	margin-right: 20rpx
}

.mr30 {
	margin-right: 30rpx
}

.mr50 {
	margin-right: 50rpx
}


.pt0 {
	padding-top: 0rpx !important
}

.pt10 {
	padding-top: 10rpx !important
}

.pt20 {
	padding-top: 20rpx !important
}

.pt30 {
	padding-top: 30rpx !important
}

.pl10 {
	padding-left: 10rpx
}

.pl20 {
	padding-left: 20rpx
}

.pr10 {
	padding-right: 10rpx
}

.pb10 {
	padding-bottom: 10rpx !important
}

.pb20 {
	padding-bottom: 20rpx !important
}

.lastno>.borb:last-child:before {
	display: none
}

.borall {
	position: relative
}

.borall:before {
	position: absolute;
	display: block;
	content: "";
	transform-origin: 0 0;
	left: 0;
	top: 0;
	width: 200%;
	height: 200%;
	transform: scale(0.5);
	border: 1px solid #EDEDED;
	z-index: 2
}

.borr {
	position: relative
}

.borr:before {
	position: absolute;
	display: block;
	content: "";
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #EDEDED;
	z-index: 2
}

.bort {
	position: relative
}

.bort:before {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	background: #EDEDED;
	z-index: 2
}

.borb {
	position: relative
}

.borb:before {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	background: #EDEDED;
	z-index: 2
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {

	.borb:before,
	.bort:before {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}

	.borr:before {
		-webkit-transform: scaleX(0.5);
		transform: scaleX(0.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {

	.borb:before,
	.bort:before {
		-webkit-transform: scaleY(0.33);
		transform: scaleY(0.33)
	}

	.borr:before {
		-webkit-transform: scaleX(0.5);
		transform: scaleX(0.5)
	}
}
